$(function () {
	//	toastr.options.positionClass = 'toast-center-center';
	$('#loginForm').bootstrapValidator({
      live: 'enabled',  //live: 'disabled'表示提交时再显示错误信息，  'enabled'字段发生改变时就验证
      message: 'This value is not valid',
      feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
           userName: {
              message: '用户名是无效的',
              validators: {
                  notEmpty: {
                      message: '用户名是必需的，不能为空'
                    	  
                  },
                  stringLength: {
                      min: 4,
                      max: 12,
                      message: '用户名必须大于4且小于12个字符'
                  },
                  regexp: {
                      regexp: /^[a-zA-Z0-9_\.]+$/,
                      message: '用户名只能由字母、数字、点和下划线组成'
                  }
              }
          },
          pwd: {
              validators: {
                  notEmpty: {
                      message: '密码不能为空！'
                  },
                  stringLength: {
                      min: 6,
                      max: 12,
                      message: '密码必须大于6且小于18个字符！'
                  }
              }
          },
          exampleInputDtyzm: {
              validators: {
                  notEmpty: {
                      message: '验证码不能为空！'
                  },
                  identical: {//不相同
    	              field: 'yzmHiddle', //需要进行比较的input name值
    	              message: '验证码不正确'
    	          }
              }
          },
          yzmHiddle: {
              validators: {
                  identical: {//不相同
    	              field: 'exampleInputDtyzm', //需要进行比较的input name值
    	              message: '验证码不正确'
    	          }
              }
          }
      }
  }).on('success.form.bv', function(e) {//点击提交之后
      // 获得表单实例
      var $form = $(e.target);
      // 使用Ajax提交表单数据提交至表单标签中的行动,结果自定义
      loginqt('user/loginqt',$form.serialize());
      return false;
 });
	
	var show_num = [];
	draw(show_num);

	$("#canvas").on('click',function(){
		draw(show_num);//生成验证码方法
	})
	
	function draw(show_num) {
		var canvas_width=$('#canvas').width();//获取默认的验证码标签的宽度
		var canvas_height=$('#canvas').height();//获取默认的验证码标签的高度
		var canvas = document.getElementById("canvas");//获取到canvas的对象，演员
		var context = canvas.getContext("2d");//获取到canvas画图的环境，演员表演的舞台
		canvas.width = canvas_width;//把默认的宽度赋值给新生产的验证码宽度
		canvas.height = canvas_height;//把默认的高度赋值给新生产的验证码高度
		var sCode = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0";
		var aCode = sCode.split(",");//获取验证码字符的数组
		var aLength = aCode.length;//获取到数组的长度
		for (var i = 0; i <= 4; i++) {
			var j = Math.floor(Math.random() * aLength);//获取到随机的索引值
			var deg = Math.random() * 30 * Math.PI / 180;//产生0~30之间的随机弧度
			var txt = aCode[j];//得到随机的一个内容
			show_num[i] = txt.toLowerCase();//将大写字母转为小写(获取到的数据全部为小写)
			var x = 10 + i * 36;//文字在canvas上的x坐标
			var y = 23 + Math.random() * 8;//文字在canvas上的y坐标
			context.font = "bold 33px 微软雅黑";
			context.translate(x, y);
			context.rotate(deg);
			context.fillStyle = randomColor();
			context.fillText(txt, 0, 0);
			context.rotate(-deg);
			context.translate(-x, -y);
		}
		$("#yzmHiddle").val(show_num.join(""));
		for (var i = 0; i <= 5; i++) { //验证码上显示线条
			context.strokeStyle = randomColor();
			context.beginPath();
			context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
			context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
			context.stroke();
		}
		for (var i = 0; i <= 60; i++) { //验证码上显示小点
			context.strokeStyle = randomColor();
			context.beginPath();
			var x = Math.random() * canvas_width;
			var y = Math.random() * canvas_height;
			context.moveTo(x, y);
			context.lineTo(x + 1, y + 1);
			context.stroke();
		}
	}
	
	function randomColor() {//得到随机的颜色值
		var r = Math.floor(Math.random() * 256);
		var g = Math.floor(Math.random() * 256);
		var b = Math.floor(Math.random() * 256);
		return "rgb(" + r + "," + g + "," + b + ")";
	}
	

    function loginqt(url,user){
    	$.ajax({
			url:url,
			type:"post",
			data:user,
			success:function(data){
			 if(data != "fail"){
				// toastr.success('恭喜你，登录成功。。。');
				 swal("恭喜你!", "登录成功!", "success",{buttons: {}});
	    	     setTimeout('window.location = "good/showIndex"', 2000);
			 }else{
				 swal("很遗憾!", "登录失败!", "error",{buttons: {}});
			 } 
			},
			error:function(){
				//layer.msg('服务器有误,请联系管理员',{icon:2,time:3000});
			} 
		});
    }
})